<template>
  <div class="">
    <div class="tabs_box">
      <el-tabs v-model="activeName" @tab-click="handleClick" type="border-card">
        <el-tab-pane label="基础信息" name="first">
          <CommonInfo />
        </el-tab-pane>
        <el-tab-pane label="商品详情" name="second">
          <GoodDetail />
        </el-tab-pane>
      </el-tabs>
    </div>
    
  </div>
</template>
 
<script>
import GoodDetail from "../../components/common/GoodDetail.vue";
import CommonInfo from "../../components/common/CommonInfo.vue"
export default {
  data() {
    return {
      activeName: "first",
    };
  },
  components: {
    GoodDetail,
    CommonInfo
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    },
  },
};
</script>
 
<style lang = "less" scoped>
</style>